<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/6/29
  Time: 18:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set value="1" var="index" scope="request"></c:set>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <title>政府数据开放平台</title>
    <jsp:include page="commons/include.jsp"/>

    <link href="/resources/css/index.css" rel="stylesheet">


    <style>
        .accordion ul{
            list-style: none;
            height: 400px;
            overflow-y: auto;

        }

        .accordion ul li{
            font-size: 12px;
            line-height: 24px;
            cursor: pointer;


        }

    </style>


    <script>
        $(function () {
            $(".accordion").accordion();
        });
    </script>


</head>
<body>
<jsp:include page="commons/top.jsp"/>


<div style="width: 1000px; margin: 6px auto 0 auto;  ">
    <img src="/resources/images/banner-home1.jpg" alt="" width="1000" height="200">
</div>


<div style="width: 1000px; margin: 6px auto 0 auto; background-color: rgb(256,246,246) ">

<div style="width: 200px;min-height: 300px; float: left;padding: 0;">

    <div class="accordion" >

        <h3>机构</h3>
        <div style="height: 500px;padding-left: 10px;width: 160px;font-size: 12px;">
            <ul style="width: 164px;">
                <c:forEach items="${requestScope.orgs}" var="org">
                    <li>${org.name}</li>
                </c:forEach>
            </ul>
        </div>
        <h3>主题</h3>
        <div style="height: 500px">
            <ul>
                <c:forEach items="${requestScope.themes}" var="theme">
                    <li>${theme.name}</li>
                </c:forEach>
            </ul>
        </div>

        <h3>热门标签</h3>
        <div style="height: 500px">
            <ul>
               <c:forEach items="${requestScope.tags}" var="tag">
                   <li>${tag}</li>
               </c:forEach>
            </ul>
        </div>



    </div>

</div>

<div style="width: 788px;min-height: 500px;margin-left: 10px;float: left;margin-top: 2px;border: 1px solid rgb(236,236,236);background-color: #ffffff;padding: 0;">




    <div>
        <table cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td style="font-size: 20px;font-weight: bold;padding: 10px;color: #000;width: 380px;">搜索和浏览数据</td>
                <td><input type="text" style="width: 300px;"/></td>
                <td><input type="submit" value="搜索"/></td>
            </tr>
        </table>
    </div>

    <table border="0" style=";width:788px;border: 0; padding: 0; margin: 0;" cellpadding="0" cellspacing="1" class="table">
        <thead>
        <tr style="background-color: rgb(200,200,240);font-size: 12px;padding: 8px 0 4px 0; height: 24px;font-family: '宋体';text-align: center;font-weight: bold;">
            <td width="300" style="padding-left: 50px;text-align: left;">标题</td>
            <td width="100">来源</td>
            <td width="100">更新时间</td>
            <td width="50">预览</td>
        </tr>
        </thead>

        <tbody style="font-size: 12px; font-family: '宋体';line-height: 40px">


        <c:forEach items="${requestScope.topDatas}" var="data">
        <tr>
            <td>
                <div style="font-size: 12px;font-weight: bold;color: rgb(72,73,79);"><a href="#">${data.title}</a></div>
                <div style="color: rgb(112,112,112)">${data.description}</div>
            </td>
            <td>&nbsp;${data.dataset.org.name}</td>
            <td>&nbsp;<fmt:formatDate value="${data.createTime}" pattern="yyyy-MM-dd"/> </td>
            <td style="text-align: center"><a href="${data.url}">预览</a></td>
        </tr>
        </c:forEach>

        </tbody>
    </table>

</div>
</div>


<jsp:include page="commons/buttom.jsp"/>
</body>
</html>
